<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>小米手机列表</title>
  <link rel="stylesheet" href="css/iconfont.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="stylus/search.css">
</head>
<body>
<!-- header -->
<header id="header">
  <div class="center">
    <ul class="fl">
      <li><a href="javascript:;">小米商城</a></li>
      <li><a href="javascript:;">MIUI</a></li>
      <li><a href="javascript:;">米聊</a></li>
      <li><a href="javascript:;">游戏</a></li>
      <li><a href="javascript:;">多看阅读</a></li>
      <li><a href="javascript:;">云服务</a></li>
      <li><a href="javascript:;">金融</a></li>
      <li><a href="javascript:;">小米商城移动版</a></li>
      <li><a href="javascript:;">问题反馈</a></li>
      <li><a href="javascript:;">Select Region</a></li>
    </ul>
    <div class="fr">
      <div class="user">
        <ul class="selector">
          <li>
            <a href="personal.html">
              个人中心
            </a>
          </li>
          <li>
            <a href="my_orders.html">
              我的订单
            </a>
          </li>
          <li>
            <a href="personal.html">
              账号设置
            </a>
          </li>
          <li>
            <a href="javascript:;" class="goHome">
              退出登录
            </a>
          </li>
        </ul>
        <a href="javascript:;" class="username">
          请登录
          <i class="iconfont icon-jiantou_xiangxia1"></i>
        </a>
      </div>
      <ul class="login">
        <li><a href="./login.html" class="denglu">登录</a></li>
        <li><a href="">注册</a></li>
      </ul>
      <div class="shopcart">
        <i class="iconfont icon-cart"></i>
        购物车(3)
      </div>
    </div>
  </div>
</header>

<!-- nav -->
<nav id="nav">
  <div class="banner_x center">
    <a href="./index.html" class="logo"><h1>小米官网</h1></a>
    <a href="javascript:;" class="gif"></a>
    <ul class="list">
      <li><a href="javascript:;">秒杀</a></li>
      <li><a href="javascript:;">优惠券</a></li>
      <li><a href="javascript:;">闪购</a></li>
      <li><a href="javascript:;">拍卖</a></li>
      <li><a href="javascript:;">小米服饰</a></li>
      <li><a href="javascript:;">小米超市</a></li>
      <li><a href="javascript:;">生鲜</a></li>
      <li><a href="javascript:;">全球购</a></li>
      <li><a href="javascript:;">京东金融</a></li>
    </ul>
    <div class="fr">
      <div class="search">
        <input class="text" type="text">
        <div class="search_hot">
          <a href="javascript:;">小米8</a>
          <a href="javascript:;">小米MIX 2S</a>
        </div>
        <ul class="keyword_list">
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="button iconfont icon-search"></div>
    </div>
  </div>
</nav>

<!--分类过滤-->
<div class="classify">
  <div class="ipone">
    <div class="ipone_bar">
      <div class="ipone_one a">
        <a href="javascript:;">手机</a>
      </div>
      <i><img src="image/search/right-@1x.png" alt=""></i>
      <div class="ipone_one b">
        <a href="javascript:;" class="qqq">手机通讯录 <img src="image/search/down-@1x.png" alt=""></a>
        <div>
          <a href="javascript:;">手机通讯</a>
          <a href="javascript:;">运营商</a>
          <a href="javascript:;">手机配件</a>
          <a href="javascript:;">手机服务</a>
        </div>
      </div>
      <i><img src="image/search/right-@1x.png" alt=""></i>
      <div class="ipone_one c">
        <a href="javascript:;" class="qqq">手机 <img src="image/search/down-@1x.png" alt=""></a>
        <div>
          <a href="javascript:;">手机</a>
          <a href="javascript:;">老人机</a>
          <a href="javascript:;">对讲机</a>
          <a href="javascript:;">女性手机</a>
          <a href="javascript:;">超续航手机</a>
          <a href="javascript:;">全面屏手机</a>
          <a href="javascript:;">拍照手机</a>
          <a href="javascript:;">游戏手机</a>
        </div>
      </div>
      <i><img src="image/search/right-@1x.png" alt=""></i>
      <ul class="ipone_one d">
        <li class="select_item">
          <a href="javascript:;">
            <span class="title">分辨率:</span>
            <span class="select">全高清FHD</span>
            <span class="iconfont icon-quxiao"></span>
          </a>
        </li>
        <li class="select_item">
          <a href="javascript:;">
            <span class="title">CPU核数:</span>
            <span class="select">八核</span>
            <span class="iconfont icon-quxiao"></span>
          </a>
        </li>
      </ul>
      <i><img src="image/search/right-@1x.png" alt=""></i>
      <div class="findword">"手机"</div>
    </div>
  </div>
  <div class="selector">
    <!--手机商品筛选-->
    <div class="title">
      <h3><b>手机</b><em>商品筛选</em></h3>
      <div class="st-ext">共&nbsp;<span>10135</span>个商品</div>
    </div>
    <div class="nav_logo">
      <!--品牌-->
      <div class="nav_wrap">
        <div class="sl_key">
          <span>品牌：</span>
        </div>
        <div class="sl_value">
          <div class="sl_value_logo">
            <ul>
              <li>
                <a href="javascript:;">
                  <img src="image/search/598033b4nd6055897.jpg" alt="">
                  <div>
                    华为(HUAWEI)
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <img src="image/search/598042c9n6e4e79e5.jpg" alt="">
                  <div>
                    小米(MI)
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <img src="image/search/574d36dbn262ef26d.jpg" alt="">
                  <div>
                    Apple
                  </div>
                </a>
              </li>
              <li><a href="javascript:;"><img src="image/search/57fdf4b8n6e95624d.jpg" alt="">
                <div>
                  魅族(MEIZU)
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/5716e2c4nc925baf3.jpg" alt="">
                <div>
                  三星(SAMSUNG)
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/591aa1abn602ebecf.jpg" alt="">
                <div>
                  360
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/56b2f385n8e4eb051.jpg" alt="">
                <div>
                  oppo
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/563b3484n9ba68e13.jpg" alt="">
                <div>
                  vivo
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/563b33ffn9c288c6c.jpg" alt="">
                <div>
                  一加
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/563b33d4n6c59780c.jpg" alt="">
                <div>
                  诺基亚（NOKIA）
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/5631ccdene8df5efb.jpg" alt="">
                <div>
                  锤子(smartisan)
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/58f74d5an23fc1dff.jpg" alt="">
                <div>
                  金立(Gionee)
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/5670cf96ncffa2ae6.jpg" alt="">
                <div>
                  酷派(Coolpad)
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/5631cd12n7548352d.jpg" alt="">
                <div>
                  努比亚(nubia)
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/56a855a3ne38ee719.jpg" alt="">
                <div>
                  中兴(ZTE)
                </div>
              </a></li>
              <li><a href="javascript:;"><img src="image/search/5836e479n88a98abb.jpg" alt="">
                <div>
                  美图(meitu)
                </div>
              </a></li>
            </ul>
          </div>
        </div>
        <div class="sl_ext">
          <a href="javascript:;">
            更多
            <i style='background: url("image/search/search.ele.png")no-repeat 3px 7px'></i>
            <b style='background: url("image/search/search.ele.png")no-repeat 3px -44px'></b>
          </a>
          <a href="javascript:;">
            多选
            <i>+</i>
            <span>+</span>
          </a>
        </div>
      </div>
      <!--价格-->
      <div class="pre">
        <div class="sl_key">
          <span>价格：</span>
        </div>
        <div class="sl_value">
          <ul>
            <li><a href="javascript:;">0-499</a></li>
            <li><a href="javascript:;">500-999</a></li>
            <li><a href="javascript:;">1000-1699</a></li>
            <li><a href="javascript:;">1700-2799</a></li>
            <li><a href="javascript:;">2800-4499</a></li>
            <li><a href="javascript:;">4500-11999</a></li>
            <li><a href="javascript:;">12000以上</a></li>
            <li class="sl_value_li">
              <input type="text">
              <p>-</p>
              <input type="text">
              <a href="javascript:;">确定</a>
            </li>
          </ul>
        </div>
      </div>
      <!--系统-->
      <div class="pre">
        <div class="sl_key">
          <span>系统：</span>
        </div>
        <div class="sl_value">
          <ul>
            <li><a href="javascript:;">0-安卓（Android）</a></li>
            <li><a href="javascript:;">苹果（IOS）</a></li>
            <li><a href="javascript:;">微软（WindowsPhone）</a></li>
            <li><a href="javascript:;">基础功能机系统 </a></li>
            <li><a href="javascript:;">其他</a></li>
          </ul>
        </div>
      </div>
      <!--屏幕尺寸-->
      <div class="pre">
        <div class="sl_key">
          <span>屏幕尺寸：</span>
        </div>
        <div class="sl_value">
          <ul>
            <li><a href="javascript:;">5.56英寸及以上</a></li>
            <li><a href="javascript:;">5.5-5.1英寸</a></li>
            <li><a href="javascript:;">5.0-4.6英寸</a></li>
            <li><a href="javascript:;">4.5-3.1英寸</a></li>
            <li><a href="javascript:;">3.0英寸以下</a></li>
          </ul>
        </div>
      </div>
      <!--热点-->
      <div class="pre">
        <div class="sl_key">
          <span>热点：</span>
        </div>
        <div class="sl_value">
          <ul class="nomore">
            <li>
              <input type="checkbox">
              <a href="javascript:;">以旧换新</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">功能机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">儿童手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">合约机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">全面屏</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">直板键盘</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">翻盖</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">商务手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">安全手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">键盘手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">以旧换新</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">功能机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">儿童手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">合约机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">全面屏</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">直板键盘</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">翻盖</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">商务手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">安全手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">键盘手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">以旧换新</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">功能机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">儿童手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">合约机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">全面屏</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">直板键盘</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">翻盖</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">商务手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">安全手机</a>
            </li>
            <li>
              <input type="checkbox">
              <a href="javascript:;">键盘手机</a>
            </li>
          </ul>
          <div class="select">
            <button class="confirm" disabled>确定</button>
            <button class="cancel">取消</button>
          </div>
        </div>
        <div class="sl_ext">
          <a href="javascript:;" class="sl_ext_show">
            更多
            <i style='background: url("image/search/search.ele.png")no-repeat 3px 7px'></i>
            <b style='background: url("image/search/search.ele.png")no-repeat 3px -44px'></b>
          </a>
          <a href="javascript:;" class="moreCheck">
            多选
            <i>+</i>
            <span>+</span>
          </a>
        </div>
      </div>
      <!--机身颜色-->
      <div class="pre">
        <div class="sl_key">
          <span>机身颜色：</span>
        </div>
        <div class="sl_value">
          <ul>
            <li><a href="javascript:;">白色</a></li>
            <li><a href="javascript:;">黑色</a></li>
            <li><a href="javascript:;">灰色</a></li>
            <li><a href="javascript:;">金色</a></li>
            <li><a href="javascript:;">银色</a></li>
            <li><a href="javascript:;">红色</a></li>
            <li><a href="javascript:;">蓝色</a></li>
            <li><a href="javascript:;">粉色</a></li>
            <li><a href="javascript:;">黄的</a></li>
            <li><a href="javascript:;">蓝色</a></li>
          </ul>
        </div>
        <div class="sl_ext">
          <a href="javascript:;"></a>
          <a href="javascript:;">
            多选
            <i>+</i>
            <span>+</span>
          </a>
        </div>
      </div>
      <!--机身内存-->
      <div class="pre" style="border: 0">
        <div class="sl_key">
          <span>机身内存：</span>
        </div>
        <div class="sl_value">
          <ul>
            <li><a href="javascript:;">16G</a></li>
            <li><a href="javascript:;">8G</a></li>
            <li><a href="javascript:;">256G</a></li>
            <li><a href="javascript:;">128G</a></li>
            <li><a href="javascript:;">64G</a></li>
            <li><a href="javascript:;">32G</a></li>
            <li><a href="javascript:;">8G以下</a></li>
            <li><a href="javascript:;">支持内存卡</a></li>
          </ul>
        </div>
        <div class="sl_ext">
          <a href="javascript:;"></a>
          <a href="javascript:;">
            多选
            <i>+</i>
            <span>+</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

<!--排序-->
<div class="sort">
  <div class="list">
    <div class="active">推荐</div>
    <div>新品</div>
    <div>价格<i class="iconfont icon-jiantou_xiangshang"></i></div>
    <div>评论最多</div>
  </div>
</div>

<!-- danpin -->
<div class="danpin center">
  <div class="main center">
    
    <!-- <div class="mingxing" >
      <div class="sub_mingxing"><a href=""><img src="./image/search/liebiao_xiaomi5c.jpg" alt=""></a></div>
      <div class="pinpai"><a href="">小米手机5c</a></div>
      <div class="youhui">搭载澎湃S1 八核高性能处理器</div>
      <div class="jiage">1499.00元</div>
    </div> -->
   

    <div class="clear"></div>
  </div>
  <div class="pages">
    <div class="page_wrap">

					<span class="page_span2">
                                <em>共<b>169</b>页&nbsp;&nbsp;到第</em>
                                <input type="number" value="1">
                                <em>页</em>
                                <a href="javascript:;">确定</a>
					</span>
      <span class="page_span1">
                                <a href="javascript:;" class="previous">
                                    < 上一页
                                </a>
                                <a href="javascript:;" class="nb-one num">1</a>
                                <a href="javascript:;" class="num">2</a>
                                <a href="javascript:;" class="num">3</a>
                                <a href="javascript:;" class="num">4</a>
                                <a href="javascript:;" class="num">5</a>
                                <a href="javascript:;" class="num">6</a>
                                <a href="javascript:;" class="num">7</a>
                                <a href="javascript:;" class="num">8</a>
                                <a href="javascript:;" class="num">9</a>
                                <a href="javascript:;" style="border: 0;font-size: 20px;color: #999;background: #fff">...</a>
                                <a href="javascript:;" >169</a>
                                <a href="javascript:;" class="next">
                                    下一页 >
                                </a>
					</span>
    </div>
  </div>
</div>

<footer class="center">
  <div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
  <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
  <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>
<script src="./js/axios.min.js"></script>
<script src="./lib/jquery-2.2.4.js"></script>
<script src="./lib/layer/layer.js"></script>
<script src="./js/list.js"></script>
<script src="js/search.js"></script>
</body>
</html>